<!doctype html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/signin.css">
    <title>登录</title>
  </head>
  <body>
    <form class="form-signin">
      <h2 class="form-signin-heading center">登录</h2>
      <div class="mt20 clear-fix">
        <label class="float-left" for="account">帐号</label>
        <div class="float-left">
          <input type="text" id="account" name="account" class="input-block-level" placeholder="请输入帐号">
        </div>
      </div>
      <div class="clear-fix">
        <label class="float-left" for="password">密码</label>
        <div class="float-left">
          <input type="password" id="password" name="password" class="input-block-level" placeholder="请输入密码">
        </div>
      </div>
      <div class="forget-password" id="find_password">忘记密码？</div>
      <!-- <label class="checkbox">
        <input type="checkbox" value="remember-me"> Remember me
      </label> -->
      <div class="mt20 clear-fix">
        <button class="btn btn-large btn-primary float-left ml20" type="submit" id="signin-btn">登录</button>
        <a class="btn btn-large btn-default float-right mr20" id="reg-btn" href="registered.html">注册</a>
      </div>
    </form>
    <!-- 忘记密码 -->
    <div id="passwordModal" class="modal hide fade" tabindex="1" role="dialog" aria-labelledby="passwordModalLabel" aria-hide="true">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">x</button>
        <h3 id="passwordModalLabel">找回密码</h3>
      </div>
      <div class="modal-body">
        <div class="clear-fix">
          <label class="float-left" for="forget_phone">手机号：</label>
          <div class="float-left">
            <input type="text" id="forget_phone" name="forget_phone" class="input-block-level" placeholder="请输入手机号码">
          </div>
        </div>
        <div class="clear-fix">
          <label class="float-left" for="v_code">验证码：</label>
          <div class="float-left v-code-div">
            <input type="text" id="v_code" name="v_code" class="input-block-level v-code" placeholder="请输入验证码">
            <button class="get-vcode" id="get_vcode">获取验证码</button>
          </div>
        </div>
        <div class="clear-fix">
          <label class="float-left" for="new_password">新密码：</label>
          <div class="float-left">
            <input type="password" id="new_password" name="new_password" class="input-block-level" placeholder="请输入新密码">
          </div>
        </div>
        <div class="clear-fix">
          <label class="float-left" for="sure_new_password">新密码：</label>
          <div class="float-left">
            <input type="password" id="sure_new_password" name="sure_new_password" class="input-block-level" placeholder="请确认新密码">
          </div>
        </div>
      </div>
      <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
        <button class="btn btn-primary modal-sure">确定</button>
      </div>
    </div>
    <!-- Optional JavaScript  -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/common.js"></script>
    <script type="text/javascript" src="./js/signin.js"></script>
  </body>
</html>